/* base */
.sidebar {
  width: 240px;
}

.sidebar-top {
  height: 140px;
  padding: 20px;
  text-align: center;
  background: url(http://img.commandblock.top/blog/theme/sidebar-top-bg.jpg);
}

.avatar {
  height: 80px;
  width: 80px;
  background: url(http://img.commandblock.top/blog/theme/avatar.jpg);
  margin: auto;
  border: solid 2px white;
  border-radius: 50%;
}

.author {
  color: white;
  font-size: 18px;
  text-shadow: 0.1em 0.1em 0.2em black;
  margin-top: 0;
}

.job {
  color: white;
  font-size: 13px;
  text-shadow: 0.1em 0.1em 0.2em black;
}

.topbar {
  padding: 90px 10px 50px 10px;
}

.title {
  color: white;
  width: 80%;
  margin: auto;
}

.subtitle {
  color: white;
  margin: 20px auto;
  width: 80%;
}

.footbar {
  margin-top: 20px;
  padding: 40px;
  text-align: center;
}

/* other */

.card {
  margin: 8px;
}

.tag {
  display: inline;
  margin: 0 5px 10px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 32px;
  border: 1px solid #e5e5e5;
  color: black;
}

.tag:hover {
  border-color: #00a4ff;
  color: #00a4ff;
}

.article-info {
  border-top: 1px solid #e5e5e5;
}

.tag-big {
  display: inline;
  margin: 0 10px 20px;
  padding: 0 20px;
  border: 1px solid #e5e5e5;
  color: black;
}

.tag-big:hover {
  border-color: #00a4ff;
  color: #00a4ff;
}